<template>
	<div class="uploadExplain">
		<HeaderTab>
			<div slot="left">
				<a @click="prev()" class="glyphicon glyphicon-menu-left return_but"></a>
			</div>
			<div slot="center" class="header_center">
				上传说明
			</div>
		</HeaderTab>
		<div class="explain">
			<p class="explain_title">下面是上传说明，请仔细阅读</p>
			<p>1、点击按钮“我要创作”打开创作界面进行创作；</p>
			<p>2、上传的作品会先经过管理员审核，审核通过的作品将会展示在原创专区供读者免费阅读；</p>
			<p>3、上传作品时可以选择标签，会根据标签类型展示在对应的专区内（热门、精选或推荐）；</p>
			<p>4、上传作品只允许上传txt类型文件，软件后续版本将会开放更多文件类型的作品上传；</p>
			<p>5、可以通过“我的”->“我的作品”里查看自己的作品；</p>
		</div>
	</div>
</template>

<script>
	import HeaderTab from 'common/HeaderTab/HeaderTab.vue'
	
	export default {
		name: 'uploadExplain',
		components: {
			HeaderTab
		},
		methods: {
			// 点击按钮退回上一个组件
			prev () {
			     this.$router.go(-1)
			 }
		}
	}
</script>

<style>
	.explain{
		margin: 80px auto;
		width: 75%;
		background-color: rgb(245,245,246);
		padding-left: 20px;
		padding-right: 20px;
		border-radius: 5px;
	}
	.explain .explain_title{
		width: 100%;
		text-align: center;
		border-bottom: #D4D4D4 2px solid;
		height: 40px;
		line-height: 40px;
		color: rgb(0,164,180);
	}
</style>
